.Product {
  position: relative;
  padding: 30rpx;

  &_title {
    display: flex;
    justify-content: space-between;
  }

  &_hui {
    color: #919191;
    padding-left: 31prx;
    display: inline-block;
  }

  &_modal {
    padding: 30rpx;
    position: relative;

    &_head {
      display: inline-flex;

    }

    &_right {
      margin-left: 20rpx;

      &_red {
        font-size: 32rpx;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: $color_;
        line-height: 45px;
        margin-bottom: 17rpx;
      }

      &_hui {
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #919191;
        line-height: 40rpx;
        margin-top: 23rpx;
      }
    }

    &_color {
      padding: 30rpx 0;

      &_list {
        width: 100%;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
      }

      &_btn {
        height: 115rpx;
        width: 115rpx;
        margin-top: 30rpx;

        //#ifdef MP-WEIXIN
        margin-right: 24rpx;
        //#endif
        //#ifdef H5
        margin-right: 22rpx;
        //#endif
        display: inline-flex;
        border: 1px solid #fff;
      }

      &_btn:nth-child(5n) {
        margin-right: 0;
      }
    }

    &_bottom {
      position: relative;
      width: 100%;
      margin-bottom: 84rpx;

      &_list {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
      }

      &_select {
        width: 115rpx;
        height: 115rpx;
        background: #F7F7F7;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        line-height: 115rpx;
        text-align: center;
        margin-top: 30rpx;
        //#ifdef MP-WEIXIN
        margin-right: 24rpx;
        //#endif
        //#ifdef H5
        margin-right: 22rpx;
        //#endif
        position: relative;
        font-size: 28rpx;
        border: 1px solid #fff;
      }

      &_poss {
        position: absolute;
        border-radius: 36px;
        top: -20rpx;
        background: #F7F7F7;
        right: -10rpx;
        height: 37rpx;
        line-height: 37rpx;
        border: 1px solid #979797;
        font-size: 20rpx;
        width: 48rpx;
      }

      &_select:nth-child(5n) {
        margin-right: 0;
      }
    }

    &_footer {
      background: $background_;
      border-radius: 40px;
      width: 98%;
      margin: 0 auto;
      text-align: center;
      color: #fff;
      padding: 20rpx 0;
    }

  }

  .selectColor {
    border: 1px solid $color_;
    color: $color_;
    font-weight: bold;
  }

  .disables {
    color: #919191;
  }

}